﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>踏影软件开发者中心</title>
    <link href="themes/common/Home.css" rel="stylesheet" />
    <link href="framework/twiModalWindow/twiModalWindow-1.1.0.min.css" rel="stylesheet" />
    <link href="themes/amethyst/Home.css" twiSkin="amethyst" rel="stylesheet" />
</head>
<body>
    <div id="top">
       <div class="topRightBg"></div>
       <div id="logoSection">
            <div class="fl logoLeft1">
                <div class="logoFont1" id="356C0302-1E18-47C7-8784-1EC40D9076C8">踏影软件</div>
                <div class="logoFont2" id="D0CC93B6-3265-41CE-9445-55EB5760E45A">HangZhou Tyingsoft</div>
            </div>
            <div class="fl logoLeft2">
                 <div class="logoFont3" id="2932807E-D75C-4651-8CBE-3836AA3F8EE1">开发者中心</div>
                 <div class="logoFont4" id="54E002F0-F335-4616-96E9-55AE96C95679">专注创新,引领时代</div>
            </div>
       </div>
       <div id="topRightInfo">
            <table>
                <tr>
                    <td>当前用户：</td>
                    <td><span id="currentUserRealName">徐志宏</span></td>
                    <td><span class="separator">|</span></td>
                    <td><div id="topSkin" class="topIcon">主题</div></td>
                    <td><span class="separator">|</span></td>
                    <td><div id="topHelp" class="topIcon">帮助</div></td>
                    <td><span class="separator">|</span></td>
                    <td><div id="topSet" class="topIcon">设置</div></td>                    
                    <td><span class="separator">|</span></td>
                    <td><div id="topLogout" class="topIcon">退出</div></td>
                </tr>
            </table>
        
            <div id="topSetItem" class="topIcon1">
                <div class="topIcon2">
                    <div class="topIconimg1"></div><div id="ModuleSelect"class="topIcon1text">常用模块设置</div>
                </div>    
                <div class="topIcon2">
                  <div  class="topIconimg2"></div><div id="EditPwd"class="topIcon1text">密码修改</div>
                </div>
            </div>
        </div>
        <div id="topMenu"></div>
        <div class="twiDropdown" id="tabDropMenu">
            <ul class="tabDropdownMenu hide">
                <li id="tdmCloseThis"><a>关闭当前</a></li>
                <li id="tdmCloseAll"><a>关闭所有</a></li>
                <li id="tdmCloseBesideThis"><a>除此之外全部关闭</a></li>
                <li class="twiDropdownMenuSeparator"></li>
                <li id="tdmCancel"><a>取消</a></li>
            </ul>
        </div>
    </div>
    <div id="left">
        <div id="navTitle">常用导航</div>
        <div class="twiDropdown" id="hideMenuContainer">
            <div id="hideMenu" class="twiDropdownToggle"></div>
            <ul class="twiDropdownMenu" to="hideMenu">
            </ul>
        </div>
        <div id="leftNav"></div>
    </div>
    <div id="center">
    <!--    <div role="tabPanel">
            <iframe id="theMain" name="theMain" width="100%" height="100%" frameborder="0" src="/Home/Desktop" scrolling="no"></iframe>
        </div>   -->   
    </div>

    <!--全屏图标-->
    <div id="touch">
      <div id="touchFullScreen"></div>
    </div>

    <!--@*Twi主题*@-->
    <div class="twi-md-modal twi-md-effect-1" id="twiSkinModal">
	    <div class="twi-md-content twi-md-bg-red">
		    <h3 id="twiSkinTitle">概念主题设置</h3>
		    <div>
                <div id="skinContainer">
                    <div class="skinItem">
                        <div class="skinColor"  style="background-color:#1ABC9C;">#1ABC9C</div>
                        <div class="skinColor2"  style="background-color:#16A085;">#16A085</div>
                        <div class="skinName" style="color:#16A085;">绿松石</div>
                        <div class="skinCode">turquoise</div>
                    </div>
                    <div class="skinItem">
                        <div class="skinColor"  style="background-color:#F1C40F;">#F1C40F</div>
                        <div class="skinColor2" style="background-color:#F39C12;">#F39C12</div>
                        <div class="skinName" style="color:#F39C12;">向日橙</div>
                        <div class="skinCode">sunorange</div>
                    </div>                
                    <div class="skinItem">
                        <div class="skinColor"  style="background-color:#3498DB;">#3498DB</div>
                        <div class="skinColor2" style="background-color:#2980B9;">#2980B9</div>
                        <div class="skinName" style="color:#2980B9;">梦之蓝</div>
                        <div class="skinCode">dreamblue</div>
                    </div>
                    <div class="skinItem">
                        <div class="skinColor"  style="background-color:#9B59B6;">#9B59B6</div>
                        <div class="skinColor2" style="background-color:#8E44AD;">#8E44AD</div>
                        <div class="skinName" style="color:#8E44AD;">紫水晶</div>
                        <div class="skinCode">amethyst</div>
                    </div>
                    <div class="skinItem">
                        <div class="skinColor"  style="background-color:#2ECC71;">#2ECC71</div>
                        <div class="skinColor2" style="background-color:#27AE60;">#27AE60</div>
                        <div class="skinName" style="color:#27AE60;">祖母绿</div>
                        <div class="skinCode">emerland</div>
                    </div>
                    <div class="skinItem">
                        <div class="skinColor"  style="background-color:#34495E;">#34495E</div>
                        <div class="skinColor2" style="background-color:#2C3E50;">#2C3E50</div>
                        <div class="skinName" style="color:#2C3E50;">黑雨夜</div>
                        <div class="skinCode">rainright</div>
                    </div>
                    <div class="skinItem">
                        <div class="skinColor"  style="background-color:#E74C3C;">#E74C3C</div>
                        <div class="skinColor2" style="background-color:#C0392B;">#C0392B</div>
                        <div class="skinName" style="color:#C0392B;">茜素红</div>
                        <div class="skinCode">alizarin</div>
                    </div>
                    <div class="skinItem">
                        <div class="skinColor"  style="background-color:#E67E22;">#E67E22</div>
                        <div class="skinColor2" style="background-color:#D35400;">#D35400</div>
                        <div class="skinName" style="color:#D35400;">古韵棕</div>
                        <div class="skinCode">brown</div>
                    </div>
                    <div class="clear"></div>
                </div>
			    <button id="twiSkinSave" class="twi-md-btn twi-md-btn-red twi-md-close">确定</button>
		    </div>
	    </div>
    </div>
    <!--<div class="twi-md-overlay twi-md-overlay-red"></div>-->

    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/json2/20140204/json2.min.js"></script>
    <script src="framework/Twilight-2.1.0.js"></script>
    <script src="js/Home.js"></script>
</body>
</html>
